﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="Layout"
        Width="640"
        Height="480"
        Background="Black"
        >

  <Canvas.Resources>
    <Storyboard x:Name="buttonOk_mouseEnter">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF6DB4CE"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF475A61"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF74858C"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF99A8AD"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF055EDE"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF181818"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF87B3F4"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF4C5766"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonOk_mouseLeave">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FD8C8C8C"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FD5D5D5D"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF3F3F3F"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FDA1A1A1"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF434343"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF1E1E1E"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF4D4D4D"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFB3B3B3"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonOk_mouseDown">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_pushedMask" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonOk_mouseUp">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonOk_pushedMask" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <Storyboard x:Name="buttonCancel_mouseEnter">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFCEB86D"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF615C47"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF8C8874"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFADA899"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFDE8F05"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF181818"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFF4CC87"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF665D4C"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonCancel_mouseLeave">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FD8C8C8C"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FD5D5D5D"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF3F3F3F"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FDA1A1A1"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF434343"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF1E1E1E"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF4D4D4D"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_bg" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FFB3B3B3"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonCancel_mouseDown">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_pushedMask" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="buttonCancel_mouseUp">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="buttonCancel_pushedMask" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
  </Canvas.Resources>

  <Canvas Width="280" Height="315" Canvas.Left="341" Canvas.Top="24" x:Name="gridSample" IsHitTestVisible="False">
    <Rectangle Width="280" Height="315" Fill="#FF1E1E1E" Stroke="#FF5F5F5F" RadiusX="12.5" RadiusY="12.5" x:Name="bg"/>
    <Ellipse Width="40" Height="40" Fill="#FFFFFFFF" Stroke="#FF000000" x:Name="mobile"/>
  </Canvas>

  <TextBlock  Text="Horizontal Alignment:" TextWrapping="Wrap" Foreground="#FFBFBFBF" Canvas.Left="170" Canvas.Top="347" IsHitTestVisible="False"/>
  <Canvas Width="100" Height="26" Canvas.Left="330" Canvas.Top="343" x:Name="horLeft" >
    <Rectangle Width="100" Height="26" x:Name="horLeft_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF5D5D5D" Offset="0"/>
          <GradientStop Color="#FFA1A1A1" Offset="1"/>
          <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
          <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF434343" Offset="0"/>
          <GradientStop Color="#FFB3B3B3" Offset="1"/>
          <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
          <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="horLeft_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
          <GradientStop Color="#FF393939" Offset="0"/>
          <GradientStop Color="#FF4B4B4B" Offset="1"/>
          <GradientStop Color="#FF242424" Offset="0.481"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
          <GradientStop Color="#7F000000" Offset="0"/>
          <GradientStop Color="#7F000000" Offset="1"/>
          <GradientStop Color="#00000000" Offset="0.505"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="horLeft_text" Canvas.Left="35" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Left"/>
  </Canvas>

  <Canvas Width="100" Height="26" x:Name="horCenter" Canvas.Top="343" Canvas.Left="433" >
    <Rectangle Width="100" Height="26" x:Name="horCenter_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF5D5D5D" Offset="0"/>
          <GradientStop Color="#FFA1A1A1" Offset="1"/>
          <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
          <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF434343" Offset="0"/>
          <GradientStop Color="#FFB3B3B3" Offset="1"/>
          <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
          <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="horCenter_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
          <GradientStop Color="#FF393939" Offset="0"/>
          <GradientStop Color="#FF4B4B4B" Offset="1"/>
          <GradientStop Color="#FF242424" Offset="0.481"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
          <GradientStop Color="#7F000000" Offset="0"/>
          <GradientStop Color="#7F000000" Offset="1"/>
          <GradientStop Color="#00000000" Offset="0.505"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="horCenter_text" Canvas.Left="27" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Center"/>
  </Canvas>

  <Canvas Width="100" Height="26" x:Name="horRight" Canvas.Top="343" Canvas.Left="536" >
    <Rectangle Width="100" Height="26" x:Name="horRight_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF5D5D5D" Offset="0"/>
          <GradientStop Color="#FFA1A1A1" Offset="1"/>
          <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
          <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF434343" Offset="0"/>
          <GradientStop Color="#FFB3B3B3" Offset="1"/>
          <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
          <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="horRight_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
          <GradientStop Color="#FF393939" Offset="0"/>
          <GradientStop Color="#FF4B4B4B" Offset="1"/>
          <GradientStop Color="#FF242424" Offset="0.481"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
          <GradientStop Color="#7F000000" Offset="0"/>
          <GradientStop Color="#7F000000" Offset="1"/>
          <GradientStop Color="#00000000" Offset="0.505"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="horRight_text" Canvas.Left="30" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Right"/>
  </Canvas>

  <TextBlock IsHitTestVisible="False"  Text="Vertical Alignment:" TextWrapping="Wrap" Foreground="#FFBFBFBF" Canvas.Left="191" Canvas.Top="378"/>

  <Canvas Width="100" Height="26" Canvas.Left="330" Canvas.Top="374" x:Name="vertTop" >
    <Rectangle Width="100" Height="26" x:Name="vertTop_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF5D5D5D" Offset="0"/>
          <GradientStop Color="#FFA1A1A1" Offset="1"/>
          <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
          <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF434343" Offset="0"/>
          <GradientStop Color="#FFB3B3B3" Offset="1"/>
          <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
          <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="vertTop_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
          <GradientStop Color="#FF393939" Offset="0"/>
          <GradientStop Color="#FF4B4B4B" Offset="1"/>
          <GradientStop Color="#FF242424" Offset="0.481"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
          <GradientStop Color="#7F000000" Offset="0"/>
          <GradientStop Color="#7F000000" Offset="1"/>
          <GradientStop Color="#00000000" Offset="0.505"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="vertTop_text" Canvas.Left="35" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Top"/>
  </Canvas>

  <Canvas Width="100" Height="26" x:Name="vertCenter" Canvas.Top="374" Canvas.Left="433" >
    <Rectangle Width="100" Height="26" x:Name="vertCenter_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF5D5D5D" Offset="0"/>
          <GradientStop Color="#FFA1A1A1" Offset="1"/>
          <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
          <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#FF434343" Offset="0"/>
          <GradientStop Color="#FFB3B3B3" Offset="1"/>
          <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
          <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="vertCenter_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
          <GradientStop Color="#FF393939" Offset="0"/>
          <GradientStop Color="#FF4B4B4B" Offset="1"/>
          <GradientStop Color="#FF242424" Offset="0.481"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
          <GradientStop Color="#7F000000" Offset="0"/>
          <GradientStop Color="#7F000000" Offset="1"/>
          <GradientStop Color="#00000000" Offset="0.505"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="vertCenter_text" Canvas.Left="27" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Center"/>
  </Canvas>

	<Canvas Width="100" Height="26" x:Name="vertBottom" Canvas.Top="374" Canvas.Left="536" >
		<Rectangle Width="100" Height="26" x:Name="vertBottom_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
			<Rectangle.Stroke>
				<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
					<GradientStop Color="#FF5D5D5D" Offset="0"/>
					<GradientStop Color="#FFA1A1A1" Offset="1"/>
					<GradientStop Color="#FF3F3F3F" Offset="0.48"/>
					<GradientStop Color="#FF8C8C8C" Offset="0.52"/>
				</LinearGradientBrush>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
					<GradientStop Color="#FF434343" Offset="0"/>
					<GradientStop Color="#FFB3B3B3" Offset="1"/>
					<GradientStop Color="#FF1E1E1E" Offset="0.48"/>
					<GradientStop Color="#FF4D4D4D" Offset="0.514"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle IsHitTestVisible="False" Width="100" Height="26" x:Name="vertBottom_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0">
			<Rectangle.Stroke>
				<LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
					<GradientStop Color="#FF393939" Offset="0"/>
					<GradientStop Color="#FF4B4B4B" Offset="1"/>
					<GradientStop Color="#FF242424" Offset="0.481"/>
				</LinearGradientBrush>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
					<GradientStop Color="#7F000000" Offset="0"/>
					<GradientStop Color="#7F000000" Offset="1"/>
					<GradientStop Color="#00000000" Offset="0.505"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>

		<TextBlock IsHitTestVisible="False" TextWrapping="Wrap" x:Name="vertBottom_text" Canvas.Left="22" Canvas.Top="4" FontFamily="Verdana" Foreground="#FFCACACA" Text="Bottom"/>

	</Canvas>

  <Canvas Width="220" Height="347" Canvas.Left="20" Canvas.Top="27" x:Name="StackPanel">
    <Rectangle Width="220" Height="48" Stroke="#FF9DEBFB" RadiusX="15.5" RadiusY="15.5" x:Name="child0">
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
          <GradientStop Color="#FF000000" Offset="0"/>
          <GradientStop Color="#FFA14B4B" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Text="This is a quite long text" TextWrapping="Wrap" x:Name="child1" FontFamily="Verdana" Foreground="#FFB1B1B1"/>
    <Canvas Width="100" Height="100" x:Name="buttonCancel">


      <Rectangle Width="100" Height="26" x:Name="buttonCancel_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
        <Rectangle.Stroke>
          <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FF5D5D5D" Offset="0"/>
            <GradientStop Color="#FFA1A1A1" Offset="1"/>
            <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
            <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
          </LinearGradientBrush>
        </Rectangle.Stroke>
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FF434343" Offset="0"/>
            <GradientStop Color="#FFB3B3B3" Offset="1"/>
            <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
            <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>

      <Rectangle Width="100" Height="26"  x:Name="buttonCancel_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0" IsHitTestVisible="False">
        <Rectangle.Stroke>
          <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
            <GradientStop Color="#FF393939" Offset="0"/>
            <GradientStop Color="#FF4B4B4B" Offset="1"/>
            <GradientStop Color="#FF242424" Offset="0.481"/>
          </LinearGradientBrush>
        </Rectangle.Stroke>
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
            <GradientStop Color="#7F000000" Offset="0"/>
            <GradientStop Color="#7F000000" Offset="1"/>
            <GradientStop Color="#00000000" Offset="0.505"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>

      <TextBlock TextWrapping="Wrap" x:Name="buttonCancel_text" FontFamily="Verdana" Foreground="#FFCACACA" Text="Cancel" IsHitTestVisible="False" />

    </Canvas>
    <Canvas Width="220" Height="26" Canvas.Top="60" x:Name="buttonOk">


      <Rectangle Width="100" Height="26" x:Name="buttonOk_bg" OpacityMask="#BF000000" RadiusX="1.5" RadiusY="1.5">
        <Rectangle.Stroke>
          <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FF5D5D5D" Offset="0"/>
            <GradientStop Color="#FFA1A1A1" Offset="1"/>
            <GradientStop Color="#FF3F3F3F" Offset="0.48"/>
            <GradientStop Color="#FF8C8C8C" Offset="0.52"/>
          </LinearGradientBrush>
        </Rectangle.Stroke>
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
            <GradientStop Color="#FF434343" Offset="0"/>
            <GradientStop Color="#FFB3B3B3" Offset="1"/>
            <GradientStop Color="#FF1E1E1E" Offset="0.48"/>
            <GradientStop Color="#FF4D4D4D" Offset="0.514"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>

      <Rectangle Width="100" Height="26" x:Name="buttonOk_pushedMask" RadiusX="1.5" RadiusY="1.5" Opacity="0" IsHitTestVisible="False">
        <Rectangle.Stroke>
          <LinearGradientBrush EndPoint="0.5,-0.077" StartPoint="0.5,1.077">
            <GradientStop Color="#FF393939" Offset="0"/>
            <GradientStop Color="#FF4B4B4B" Offset="1"/>
            <GradientStop Color="#FF242424" Offset="0.481"/>
          </LinearGradientBrush>
        </Rectangle.Stroke>
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.038" StartPoint="0.5,1.038">
            <GradientStop Color="#7F000000" Offset="0"/>
            <GradientStop Color="#7F000000" Offset="1"/>
            <GradientStop Color="#00000000" Offset="0.505"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>

      <TextBlock TextWrapping="Wrap" x:Name="buttonOk_text" FontFamily="Verdana" Foreground="#FFCACACA" Text="Ok" IsHitTestVisible="False"/>

    </Canvas>
  </Canvas>
  <Canvas Width="410" Height="75.463" Canvas.Left="20" Canvas.Top="404.537" x:Name="TagCloud">
  	<TextBlock Text="1st tag" TextWrapping="Wrap" Foreground="#FFB5B5B5"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="2nd tag" TextWrapping="Wrap"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="3rd tag" TextWrapping="Wrap"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="4th tag" TextWrapping="Wrap"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="5th tag" TextWrapping="Wrap"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="8th tag" TextWrapping="Wrap"/>
  	<TextBlock Foreground="#FFB5B5B5" Text="9th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="10th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="11th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="12th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="13th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="14th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="15th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="16th tag" TextWrapping="Wrap"/>
	<TextBlock Foreground="#FFB5B5B5" Text="17th tag" TextWrapping="Wrap"/>
  </Canvas>
  <Canvas Width="313.077" Height="65.537" Canvas.Top="339" Canvas.Left="326.924" x:Name="loadingPanel" Opacity="0.78">
  	<Rectangle Width="313.077" Height="65.537" Fill="#FF222222" Stroke="#FF808080" RadiusY="4.5" RadiusX="4.5"/>
  	<TextBlock TextWrapping="Wrap" Foreground="#FFD2D2D2" Canvas.Top="20" Canvas.Left="122">
  		<Run Text="Loading..."/>
  	</TextBlock>
  </Canvas>

</Canvas>